﻿<!DOCTYPE html>
<html lang="sv" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
	<meta charset="utf-8" />
	<title>Toppstopp</title>

	<!-- Reset css -->
	<link href="styles/reset.css" media="screen" rel="stylesheet" type="text/css" />
	
	<!-- Jquery UI Styles -->
	<link rel="stylesheet" href="styles/jquery-ui-1.8.16.custom.css" type="text/css">
		
	<!-- CSS för dropdown menu 
	<link href="styles/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
	<link href="styles/default.css" media="screen" rel="stylesheet" type="text/css" />
	-->

	<!-- Egen css -->
	<link href="styles/style.css" media="screen" rel="stylesheet" type="text/css" />	
	
	<!-- Jquery default -->
	<script type="text/javascript" src="script/jquery-1.6.2.min.js"></script>
	
	<!-- Jquery UI -->
	<script type="text/javascript" src="script/jquery-ui-1.8.16.custom.min.js"></script>

	<!-- Jquery Clean URLs -->
	<script type="text/javascript" src="script/jquery.address-1.4.min.js"></script>
	
	
	<!-- loading Google Maps API -->
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry,places&sensor=false"></script>
	
	<!-- using google maps position-detection service -->
	<!--<script type="text/javascript" src="script/maps.js"></script>-->
	

	<!-- Loading functions -->
	<script type="text/javascript" src="script/functions.js"></script>
	
	<!-- loading the category class -->
	<script type="text/javascript" src="script/category-class.js"></script>
	
	
	<!-- Eget script -->
	<script type="text/javascript" src="script/script.js"></script>
	
	<!--[if gte IE 6]-->
		<link href="styles/ie6.css" media="screen" rel="stylesheet" type="text/css" />		
	<!--[endif]--> 
	
	<link rel="icon" href="images/favicon.ico" />

</head>

<body>
	<div id="page-wrapper">
		<div id="header-wrapper">
			<div id="navigation-bar">
				<ul id="navigation">
					<li>Logga in/Registrera</li>
					<li>Kontakta Oss</li>
					<li>Om Toppstopp</li>
				</ul>
			</div>
			<div id="logo">
				<a href="#">
					<img src="images/toppstopp_logga.png" border="0" alt="logga">
				</a>
			</div>			
			<div id="search-wrapper">
				<!--<form id="search" accept-charset="utf-8" method="get" >-->
				<span><label for="address-from">Från </label><input type="text" id="from" name="address_from" class="input rounded" /></span>
				<span><label for="address-to">Till </label><input type="text" id="to" name="address_to" class="input rounded" /></span>
				<input type="button" value="Sök!" name="search" id="search" class="search rounded"  />
				<!--</form>-->
			</div>
			<div id="slider-category-wrapper">
				<div id="slider-control">
					<p>
						<label for="amount">Avstånd från rutt:</label>
						<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold; width:40px;" />
					</p>
					<div id="slider"></div>
				</div>
				<div id="category-wrapper">
					<span>Jag är intresserad av </span>
					<ul id="category-list">
						<?php
							get_categories();
						?>
					</ul>
				</div>
			</div>
	</div>
	
		<div id="result"></div>
		<div id="content-wrapper">
